.widget{
    float:left;
    text-align: center;
    padding: 10px;
}

.panel{
    color: #333;
    text-shadow: 1px 1px 1px rgba(255,255,255,.5);
    height: 500px;
    width: 500px;
    padding-left: 25px;
    padding-top: 25px;
    background: #77EEFF;
    background-image:url('/background0.png') ;
}

.subpanel{
    color: #666;
    text-shadow: 1px 1px 1px rgba(255,255,255,.5);
    height: 250px;
    width: 250px;
    background: #77EEFF;
    background-image:url('/subpanel.png');
}


.toggle_tiny{
    border: 0px;
    height: 39px;
    width: 25px;
    background: url("/toggle_tiny.png") no-repeat;
    background-position: 1px 0px;
}

.toggle_tiny.off{
    background-position: 1px 0px;
}

.toggle_tiny.on{
    background-position: -25px 0px;
}


.toggle_small{
    border: 0px;
    height: 78px;
    width: 50px;
    background: url("/toggle_small.png") no-repeat;
    background-position: 2px 0px;
}

.toggle_small.off{
    background-position: 2px 0px;
}

.toggle_small.on{
    background-position: -50px 0px;
}

.toggle_med{
    border: 0px;
    height: 156px;
    width: 100px;
    background: url("/toggle_med.png") no-repeat;
    background-position: 3px 0px;
}

.toggle_med.off{
    background-position: 3px 0px;
}

.toggle_med.on{
    background-position: -100px 0px;
}


.toggle_large{
    border: 0px;
    height: 312px;
    width: 200px;
    background: url("/toggle_large.png") no-repeat;
    background-position: 6px 0px;
}

.toggle_large.off{
    background-position: 6px 0px;
}

.toggle_large.on{
    background-position: -200px 0px;
}



.button_small{
    border: 0px;
    height: 50px;
    width: 32px;
    background: url("/button_small.png") no-repeat;
    background-position: 2px 0px;
}

.button_small.off{
    background-position: 2px 0px;
}

.button_small.on{
    background-position: -32px 0px;
}

